<template>
  <div>
    我是 Demo 组件 --- {{ value }}
    <!-- 单向数据流的原因, 不能直接修改 value -->
    <!-- 子向父传值 -->
    <button @click="add">点我修改 value</button>
  </div>
</template>

<script>
export default {
  props: {
    value: {
      type: Number,
      required: true
    }
  },
  data(){
    return{
        msg:'我是 Demo 的数据 msg'
    }
  },
  methods: {
    add() {
      // 如果要用 v-model 必须要用 input
      this.$emit('input', this.value + 1)
    },
    fn(nal){
        console.log('我是 Demo 的方法 fn');
    }
  }
}
</script>